<template>
    <div class="content">
        <div class="banner">
            <Reservation01 />
        </div>

        
    </div>
</template>

<script setup>
import axios from '@/utils/api'
import Reservation01 from "@/components/Reservation/index01.vue"
const router = useRouter()
const open_game = async (game_id,game_name) => {
    const url = router.resolve({ path: '/playgame',query: { id: game_id,game_name: game_name } }).href;
    window.open(url)
}

const game_list = ref([])
const getList = async () =>{
    const list = await axios.get('/gameNewRecommendList?limit=6')
    game_list.value = list.data
}
getList()
</script>

<style lang="less" scoped>
.content {
    width: 95%;
    margin-top: 16px;
    .banner{
        width: 100%;
    }
}
</style>